<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品类</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script src="../module/ydui/ydui.flexible.min.js"></script>
    <link href="../module/ydui/ydui.min.css" rel="stylesheet">
    <!--cms.playlounge.cn/js/2017/08/29/db5f335ced374ad6a2b32c470e3104f2.js-->
</head>
<body>
<style>
    body, html {
        height: 100%;
        background: #FFFFFF;
    }

    .topMenu {
        width: 100%;
        height: 0.9rem;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        background: #F8F8F8;
        z-index: 9;
    }

    .topMenu > div {
        display: inline-block;
        float: left;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
        line-height: 0.9rem;
        background: #EDEEF0;
        font-size: 0.3rem;
        color: #3E3A39;
    }

    .topMenu > div.sele {
        background: #F8F8F8;
    }

    .list {
        margin-top: 0.9rem;
        overflow: hidden;
    }

    .top-sort {
        font-size: 0.28rem;
        color: #424451;
        overflow: hidden;
        position: fixed;
        top: 0.9rem;
        width: 100%;
        background: #F8F8F8;
        padding: 0.28rem 0 0.26rem;
        z-index: 9;
    }

    .top-sort > div {
        float: left;
        line-height: 20px;
        margin: 0 0.22rem;
    }

    .top-sort > div.sele {
        color: #DE4E96;
    }

    .top-sort > div.sele:after {
        content: '';
        width: 80%;
        height: 1px;
        display: block;
        background: #DE4E96;
        margin: 3px auto 0px;
    }

    .sortBlock, .swiperBlock {
        margin-top: 1rem;
    }

    .list > div, .topImg, .topImg img {
        width: 100%;
    }

    .topTitle {
        text-align: center;
        margin: 0.36rem;
    }

    .topTitle span {
        margin: 0 0.25rem;
        color: #424451;
    }

    .cr-item {
        width: 100%;
        overflow: hidden;
        padding: 0 0.3rem;
        box-sizing: border-box;
    }

    .list > div .cr-shop {
        width: 1.59rem;
        box-sizing: border-box;
        display: inline-block;
        float: left;
        text-align: center;
        font-size: 0.3rem;
        font-family: 'FZLTHK--GBK1-0';
        margin: 0 0.35rem 0.35rem;
    }

    .cs-left {
        width: 100%;
    }

    .list > div .cr-shop > img {
        width: 100%;
        border-radius: 50%;
    }

    .list > div .cr-shop > div {
        margin-top: 0.12rem;
    }

    /*sortList开始*/
    /*.sortBlock{
        position: relative;
    }*/
    .sort-List {
        width: 100%;
        padding: 0 0.2rem;
    }

    .sort-List > div {
        line-height: 0.84rem;
        font-size: 0.28rem;
        font-family: PingFangSC Regular;
        color: #424451;
        border-bottom: 1px solid #f4f4f4;
    }

    .fixed-Letter {
        width: 0.46rem;
        font-size: 0.24rem;
        position: fixed;
        top: 2rem;
        right: 0px;
        background: #F8F8F8;
        border-radius: 10px;
        padding: 9px 0;
    }

    .fixed-Letter > div {
        height: 0.415rem;
        line-height: 0.415rem;
        width: 100%;
        text-align: center;
    }

    /*品牌列表*/
    .brand-top {
        width: 100%;
        overflow: hidden;
        line-height: 0.94rem;
        padding: 0 0.14rem;
    }

    .brand-top > div {
        float: left;
        font-size: 0.26rem;
    }

    .brand-top .brand-logo img {
        width: 1.2rem;
        margin: 0.1rem 0.11rem 0 0;
    }

    .brand-top .follow-btn {
        float: right;
        width: 1.1rem;
        text-align: center;
        height: 0.38rem;
        line-height: 0.38rem;
        margin-top: 0.28rem;
        background: #424451;
        color: #fff;
        font-size: 0.2rem;
        border-radius: 10px;
    }

    .brand-info {
        position: relative;
    }

    .brand-img {
        display: block;
        width: 100%;
    }

    .brand-cont {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        padding: 0.2rem 0.16rem;
        font-size: 0.24rem;
    }

    .brand-list {
        width: 100%;
        padding: 0.28rem 0.15rem 0.15rem;
        overflow: hidden;
    }

    .brand-list > img {
        display: block;
        margin: 0 0.05rem;
        float: left;
        width: 1.7rem;
    }
</style>
<div class="topMenu">
    <div class="tm-class sele">分类</div>
    <div class="tm-brand">品牌</div>
</div>
<div class="list">
    <div class="cs-left">
        <div class="top-sort">
            <div class="sele">女装</div>
            <div>男装</div>
            <div>童装</div>
            <div class="sort">A-Z</div>
        </div>
        <div class="swiperBlock">
            <div class="topImg">
                <img src="../img/cms/topimg.png">
            </div>
            <div class="topTitle"><span>——</span>上装<span>——</span></div>
            <div class="cr-item">
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>

            </div>
            <div class="topImg">
                <img src="../img/cms/topimg.png">
            </div>
            <div class="topTitle"><span>——</span>下装<span>——</span></div>
            <div class="cr-item">
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>
                <div class="cr-shop"><img
                        src="http://img1.shikee.com/try/2016/06/26/12365720933909085511.jpg_220x220.jpg"
                        data-echo="http://172.16.103.145:9002/cms/img/cshop.png">

                    <div>毛衣</div>
                </div>

            </div>
        </div>
        <div class="sortBlock"  style="display: none;">
            <div class="sort-List">
                <div class="sortIndex" value="A">A</div>
                <div>AWAYLEE/李维</div>
                <div>AWAYLEE/扬子</div>
                <div>AWAYLEE/安博</div>
                <div>AWAYLEE/李维</div>
                <div class="sortIndex" value="B">B</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div class="sortIndex" value="C">C</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>


                <div class="sortIndex" value="D">D</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="E">E</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="F">F</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="G">G</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="H">H</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
            </div>
            <div class="fixed-Letter">
                <div>A</div>
                <div>B</div>
                <div>C</div>
                <div>D</div>
                <div>E</div>
                <div>F</div>
                <div>G</div>
                <div>H</div>
                <div>I</div>
                <div>J</div>
                <div>K</div>
                <div>L</div>
                <div>M</div>
                <div>N</div>
                <div>O</div>
                <div>P</div>
                <div>Q</div>
                <div>R</div>
                <div>S</div>
                <div>T</div>
                <div>U</div>
                <div>V</div>
                <div>W</div>
                <div>X</div>
                <div>Y</div>
                <div>Z</div>
            </div>
        </div>
    </div>
    <div class="cs-right" style="display: none;">
        <div class="top-sort">
            <div class="sele">女装</div>
            <div>男装</div>
            <div class="sort">A-Z</div>
        </div>
        <div class="swiperBlock">
            <div class="brand-item">
                <div class="brand-top">
                    <div class="brand-logo"><img src="../img/cms/brand.png"></div>
                    <div>李维斯</div>
                    <div class="follow-btn">求关注</div>
                </div>
                <div class="brand-info">
                    <img class="brand-img" src="../img/cms/brandimg.png">

                    <div class="brand-cont">李维斯（Levi's）是来自美国西部最闻名的名字之一。1853年犹太青年商人Levi
                        Strauss（李维·斯特劳斯）为处理积压的帆布试着做了一批低腰、直筒、臀围紧小的裤子，
                    </div>
                </div>
                <div class="brand-list">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                </div>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <div class="brand-logo"><img src="../img/cms/brand.png"></div>
                    <div>李维斯</div>
                    <div class="follow-btn">求关注</div>
                </div>
                <div class="brand-info">
                    <img class="brand-img" src="../img/cms/brandimg.png">

                    <div class="brand-cont">李维斯（Levi's）是来自美国西部最闻名的名字之一。1853年犹太青年商人Levi
                        Strauss（李维·斯特劳斯）为处理积压的帆布试着做了一批低腰、直筒、臀围紧小的裤子，
                    </div>
                </div>
                <div class="brand-list">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                    <img src="Http://image01.ccigmall.com/p1/group1/M00/00/CE/CgAyAldWqRmAZH1IAAGeC475BLQ757.jpg">
                </div>
            </div>
        </div>
        <div class="sortBlock" style="display: none;">
            <div class="sort-List">
                <div class="sortIndex" value="A">A</div>
                <div>AWAYLEE/李维</div>
                <div>AWAYLEE/扬子</div>
                <div>AWAYLEE/安博</div>
                <div>AWAYLEE/李维</div>
                <div class="sortIndex" value="B">B</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div class="sortIndex" value="C">C</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>


                <div class="sortIndex" value="D">D</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="E">E</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="F">F</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="G">G</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>

                <div class="sortIndex" value="H">H</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/扬子</div>
                <div>BWAYLEE/安博</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
                <div>BWAYLEE/李维</div>
            </div>
            <div class="fixed-Letter">
                <div>A</div>
                <div>B</div>
                <div>C</div>
                <div>D</div>
                <div>E</div>
                <div>F</div>
                <div>G</div>
                <div>H</div>
                <div>I</div>
                <div>J</div>
                <div>K</div>
                <div>L</div>
                <div>M</div>
                <div>N</div>
                <div>O</div>
                <div>P</div>
                <div>Q</div>
                <div>R</div>
                <div>S</div>
                <div>T</div>
                <div>U</div>
                <div>V</div>
                <div>W</div>
                <div>X</div>
                <div>Y</div>
                <div>Z</div>
            </div>
        </div>
    </div>
</div>

<script src="../module/jquery/2.1.4/jquery.min.js"></script>
<script src="../module/swiper/swiper-3.4.1.jquery.min.js"></script>
<!-- /js/2017/08/29/692d8fe55be7491a8b3bfb1ee4ceb5b7.js jquery.min.js-->
<!-- /js/2017/08/29/f1bc214e9f1e428c85b4d091d9cb25b2.js  swiper-3.4.1.jquery.min.js-->
<script>
    $(function () {
        //顶部menu切换
        $('.topMenu>div').on('click', function () {
            var self = this;
            $(self).addClass('sele').siblings().removeClass('sele');
            $('.list>div').eq($(self).index()).show().siblings().hide();
        });

        //分类面板切换
        $('.cs-left>.top-sort>div').on('click', function () {
            var $self = $(this);
            var $self_parent = $self.closest('.cs-left');
            $self.addClass('sele').siblings().removeClass('sele');
            //有sort标记为排序A——Z列表
            if ($self.hasClass('sort')) {
                $self_parent.find('.swiperBlock').hide();
                $self_parent.find('.sortBlock').show();
            } else {
                $self_parent.find('.swiperBlock').show();
                $self_parent.find('.sortBlock').hide();
                $self_parent.find('.swiperBlock').html($self.find('span').html());
                //alert($self.find('span').html());
            }
        });
        $('.cs-right>.top-sort>div').on('click', function () {
            var $self = $(this);
            var $self_parent = $self.closest('.cs-right');
            $self.addClass('sele').siblings().removeClass('sele');
            //有sort标记为排序A——Z列表
            if ($self.hasClass('sort')) {
                $self_parent.find('.swiperBlock').hide();
                $self_parent.find('.sortBlock').show();
            } else {
                $self_parent.find('.swiperBlock').show();
                $self_parent.find('.sortBlock').hide();
            }
        });
        $('.fixed-Letter').on('touchstart', function (e) {
            //console.log('滑动开始');
            $('body').css('overflow', 'hidden');
            $._itemDiv = $(e.delegateTarget).find('div:first-child').get(0).getBoundingClientRect();

        });

        var yLog = '';
        var yLog_ = '';

        $('.fixed-Letter').on('touchmove', function (e) {
            //var _fixed_Letter = e.delegateTarget.getBoundingClientRect();
            //var topCount = e.originalEvent.touches[0].clientY - (_fixed_Letter.top + 9);
            //鼠标的top-首字母top/单个字母元素的height=鼠标共移动元素count
            var topCount_ = (e.originalEvent.touches[0].clientY - $._itemDiv.top) / $._itemDiv.height;
            var getItemDiv = topCount_.toFixed();
            var $fixed_Letter = $(e.delegateTarget);//字母块父节点
            var $fixed_Letter_div = $fixed_Letter.find('div');//字母块集合
            var keyHtml = $fixed_Letter_div.eq(getItemDiv).html();//某坐标下的字母块.html
            var valueBounding = $fixed_Letter.parent('.sortBlock').find('.sortIndex[value=' + keyHtml + ']').get(0).offsetTop;//对应列表节点的坐标
            yLog = keyHtml;//去除move时重复获取重复元素的问题
            if (yLog != yLog_) {
                //console.log($('.sortIndex[value=' + keyHtml + ']').html(), '--', valueBounding);
                $('html, body').stop(false, true).animate();
                $('html, body').animate({scrollTop: (valueBounding - 95)}, 200);
            }
            yLog_ = keyHtml;

        });
        $('.fixed-Letter').on('touchend', function (e) {
            console.log('滑动结束');
            $('body').css('overflow', 'auto');
        })


    });
</script>
</body>
</html>